<div id="categories">
  <ul> 
    <?php foreach ($categorys as $category): ?>
      <li class="category">
          <?php echo  link_to(
                        ucwords(
                            image_tag($category->getFilename(), 
                                      array('alt' => $category->getName(), 
                                            'size' => '150x100', 
                                            'align' => 'top', 'border' => '1')).' '.$category->getName()), 
                                            'category/show', array('query_string' => 'id='.$category->getId(), 'post'=>true)); ?>
      </li>
    <?php endforeach; ?>
  </ul>
</div>

<script type= text/javascript>
    $(document).ready(function() {
        
        $('.category').show(2500);
        
        $('.category').hover(function () {
            $(this).toggleClass('hover');
        });
    });
    
</script>
